<template>
  <view class="page flex-col">
    <view class="box1 flex-col">
      <view class="Header flex-col justify-end">
        <view class="section1 flex-row">
          <text class="word1">9:41</text>
          <view class="mod1 flex-col"></view>
          <view class="mod2 flex-col"></view>
          <view class="mod3 flex-col"></view>
        </view>
        <view class="section2 flex-row">
          <view class="block1 flex-col"></view>
        </view>
      </view>
      <view class="Body flex-col">
        <view class="box2 flex-col">
          <view class="group1 flex-col"></view>
          <view class="group2 flex-col">
            <view class="box3 flex-row justify-between">
              <view class="box4 flex-col"></view>
              <view class="box5 flex-col"></view>
              <text class="info1">请输入手机号码</text>
            </view>
          </view>
          <view class="group3 flex-col">
            <view class="box6 flex-row justify-between">
              <view class="ImageText1 flex-row justify-between">
                <view class="main1 flex-col"></view>
                <view class="TextGroup1 flex-col">
                  <text class="txt1">请输入验证码</text>
                </view>
              </view>
              <view class="box7 flex-col">
                <text class="word2">获取验证</text>
              </view>
            </view>
          </view>
          <text class="word3">未注册的手机号验证后自动创建混沌账号</text>
          <button class="Button1 flex-col" @click="onClick_1">
            <text class="word4">登录</text>
          </button>
          <view class="group4 flex-row">
            <view class="ImageText2 flex-col justify-between">
              <view class="group5 flex-col"></view>
              <view class="TextGroup2 flex-col">
                <text class="info2">微信</text>
              </view>
            </view>
            <view class="block2 flex-col"></view>
            <view class="ImageText3 flex-col justify-between">
              <view class="box8 flex-col"></view>
              <view class="TextGroup3 flex-col">
                <text class="word5">QQ</text>
              </view>
            </view>
          </view>
          <text class="word6">登录即同意&nbsp;用户协议</text>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    }
  }
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>
